<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>弹性盒布局示例box-flex</title>
</head>
<style>
#container{
	display:-webkit-box;
}
#left-sidebar{
	background:red;
}
#right-sidebar{
	background:green;
}
#contents{
	background:yellow;
	-webkit-box-flex:1;
}

#container ~ div{
	-webkit-box-sizing:border-box;
}
</style>
<body>
<div id="container">
    <div id="left-sidebar">
    <h2>左边侧栏</h2>
    </div>
    <div id="contents">
    我是内容。。。
    我是内容。。。
    我是内容。。。
    我是内容。。。
    我是内容。。。
    我是内容。。。
    我是内容。。。
    </div>
    <div id="right-sidebar">
    <h2>右边侧栏</h2>
    </div>
</div>
</body>
</html>
